.swiper-con{
  width: 100%;
  text-align: center;
}
.carousel-item{
  width: 100%;
  .category-item{
    float: left;
    width: 25%;
    padding-top: px2rem(14px);
    font-size: px2rem(13px);
    display: flex;
    flex-direction: column;
    align-items: center;
    .item-icon {
        width: px2rem(47px);
    }
    .item-name {
        margin-top: px2rem(14px);
    }
  }
}

.index-container {
    ul {
        width: 100%;
        height: auto;
        text-align: center;
    }
    li {
        list-style: none;
        display: inline-block;
        height: px2rem(8px);
        width: px2rem(8px);
        border-radius: 4px;
        background-color: #ccc;
        margin: 0 3px;
    }
    li.selected {
        background-color: rgb(233, 32, 61);
    }
}
